<template>
	<view class="title font-color-textPrimary font-size-16 flex flex-ai-center">
		<!-- <w-icon name="title-icon" size="16"></w-icon> -->
		<text class="ml-2">{{title}}</text>
		<view v-if="hengxian" class="henxian"></view>
	</view>
</template>

<script>
	export default {
		name:"w-big-title",
		props:{
			title:{
				type:String,
				default:''
			},
			hengxian: {
				type:Boolean,
				default:true
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
.title{
		font-family: Alimama FangYuanTi VF, Alimama FangYuanTi VF;
		// background-image: url($IMG_URL + '/static/bg/titleBg.png');
		background-size:80rpx 18rpx;
		background-position:left 16rpx;
		background-repeat: no-repeat;
		position: relative;
		font-weight: 500;
		.henxian {
			position: absolute;
			width: 36px;
			height: 6px;
			background: linear-gradient( 90deg, #9CFBCD 0%, rgba(156,251,205,0) 100%);
			border-radius: 4px 4px 4px 4px;
			left: 5rpx;
			bottom: 0;
		}
		
	}
</style>